@charset "utf-8";
/* CSS Document */

.top{ height: 40px; background-color: #2b2a33;}
.top a{ position: relative; float: right; padding-right: 10px; margin-right: 8px; font: 14px/40px "Microsoft Yahei"; color: #fff; text-align: center; cursor: pointer;}
.top a:before{ position: absolute; top: 50%; right: 0; width: 2px; height: 14px; margin-top: -7px; background-color: #fff; content: ""}
.top a.right{ padding: 0; margin: 0;}
.top a.right:before{ display: none;}
#m_jian{ display: none;}

.banner{ height: 200px; background: url(../images/banner.jpg) no-repeat center top;}

.logo{ position: absolute; top: 62px; left: 0; width: 483px; height: 70px;}

.banner_item{ position: absolute; top: 42px; right: 0; width: 500px;}


.mobile_item_tem{ position: relative; float: left; height: 28px; margin-right: 14px; padding-left: 32px; font-size: 14px; line-height: 28px; color: #333; cursor: pointer; z-index: 20;}
.mobile_item_tem:before{ position: absolute; top: 0; left: 0; width: 28px; height: 28px; background-image: url(../images/icon_m.png);}
.mobile_item_tem.tem1:before{ background-position: 0 0; content: ""}
.mobile_item_tem.tem2:before{ background-position: 0 -28px; content: ""}
.mobile_item_tem.tem3:before{ background-position: 0 -56px; content: ""}
.mobile_item_tem.tem4:before{ background-image: url(http://gxj.gz.gov.cn/images/icon_wlyy_ewm.png); background-position: 0 0; content: ""}
.mobile_item_tem .qrcode{ display: none; position: absolute; top: 30px; left: 0; width: 100px; height: 100px;}
.mobile_item_tem .qrcode.active{ display: block;}
.mobile_item_tem .qrcode img{ width: 100%; height: 100%;}


.search{ position: relative; float: left; width: 400px; height: 38px; background-color: #fff; border: 1px solid #dedede; border-radius: 4px; overflow: hidden;}
.search_keyword{ position: absolute; top: 0; left: 0; width: 280px; height: 38px; font: 16px/38px "Microsoft Yahei"; text-indent: 0.5em; color: #888; background: none; border: none; outline: none;}
.search_submit{ position: absolute; top: 0; right: 0; width: 38px; height: 38px; background: url(../images/icon_search.png) no-repeat center center #007ad9; border: none; border-top-right-radius: 3px; border-bottom-right-radius: 3px; cursor: pointer;}

.znwd{ float: right; width: 86px; height: 40px;}

.search_hotword{ float: left; height: 40px; font: 14px/20px "Microsoft Yahei"; color: #888;}
.search_hotword a{ color: #888; margin-right: 10px;}


/* .nav{ position: relative; height: 60px; margin: 0 auto 30px; background-color: #205dc3; text-align: center; box-shadow: 0 10px 10px #ccddea; z-index: 3}
.nav_con{ min-width: 1200px; margin: 0 auto;}
.nav_tem{ display: inline-block; width: 240px; height: 60px; margin-right: -3px;  color: #fff; text-align: center;}
.nav_tem:before{ position: absolute; top: 50%; right: -1px; width: 1px; height: 15px; margin-top: -7px; background-color: #fff; content: ""}
.nav_tem a.nav_link{ font: 20px/60px "Microsoft Yahei"; color: #fff; }

.nav_sublist{ display: none; position: absolute; top: 60px; left: 0; width: 100%; height: auto; padding: 10px 0; text-align: center; background-color: #d0e2ff;}
.nav_sublist a{ display: inline-block; height: 32px; margin: 0 20px; font: 16px/32px "Microsoft Yahei"; color: #205dc3; text-align: center;}

.nav_tem.active{ background-color: #2f6fd8}
.nav_tem.active .nav_sublist{ display: block;} */
.nav{ position: relative; height: 60px; margin: 0 auto 30px; background-color: #205dc3; text-align: center; box-shadow: 0 10px 10px #ccddea; z-index: 3}
.nav_con{ width: 1200px; margin: 0 auto; }
.nav_tem{  display: inline-block; width: 200px; height: 60px; margin-right: -3px;  color: #fff; text-align: center; float: left;}
.nav_tem:before{ position: absolute; top: 50%; right: -1px; width: 1px; height: 15px; margin-top: -7px; background-color: #fff; content: ""}
.nav_tem a.nav_link{ font: 20px/60px "Microsoft Yahei"; color: #fff; text-align: center;}
a.nav_link i{ display: inline-block; margin-top: 17px; vertical-align: top; }
a.nav_link span{ display: inline-block; height: 60px;  vertical-align: top;}
.btn_zzllms {display: none;float: left;height: 40px;margin-top: 10px;padding: 0 20px;font: bold 26px/40px "Microsoft Yahei";color: #ffd237;background-color: #468bff;border-radius: 6px;cursor: pointer;}
.btn_zzllms a{color: #ffd237;}

.nav_sublist_wrap{ display: none; position: absolute; top: 60px; left: 0; width: 100%; height: auto; padding-top: 25px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99d0e2ff', endColorstr='#99d0e2ff'); background: rgba(208,226,255,0.8);}
.nav_sublist_wrap:before{ position: absolute; top: 0; left: 0; width: 100%; height: 14px; background: url(../images/nav_shadow.png) repeat-x left top; content: "";}
.nav_sublist_tem { position: relative; float: left; width: 268px; height: 50px; margin: 0 26px 20px 0; font: 18px/50px "Microsoft Yahei"; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99ffffff', endColorstr='#99ffffff'); background: rgba(255,255,255,0.8);}
.nav_sublist_tem a{ display: block; padding-left: 56px; text-align: left; color: #444;}
.nav_sublist_tem a i{ position: absolute; top: 50%; left: 24px; margin-top: -12px;}
.nav_sublist_tem:hover{ background: #2f6fd8;}
.nav_sublist_tem:hover a{ color: #fff;}

i.nav_icon{ width: 25px; height: 25px; background-image: url(../images/icon_nav.png);}
i.nav_icon.sty1_1{ background-position: 0 0}
i.nav_icon.sty1_2{ background-position: -25px 0}
i.nav_icon.sty1_3{ background-position: -50px 0}
i.nav_icon.sty1_4{ background-position: -75px 0}
i.nav_icon.sty1_5{ background-position: -100px 0}
i.nav_icon.sty2_1{ background-position: 0 -25px}
i.nav_icon.sty2_2{ background-position: -25px -25px}
i.nav_icon.sty2_3{ background-position: -50px -25px}
i.nav_icon.sty2_4{ background-position: -75px -25px}
i.nav_icon.sty2_5{ background-position: -100px -25px}
i.nav_icon.sty2_6{ background-position: -125px -25px}
i.nav_icon.sty2_7{ background-position: -150px -25px}
i.nav_icon.sty2_8{ background-position: -175px -25px}
i.nav_icon.sty2_9{ background-position: -200px -25px}
i.nav_icon.sty2_10{ background-position: -225px -25px}
i.nav_icon.sty2_11{ background-position: -250px -25px}
i.nav_icon.sty2_12{ background-position: -275px -25px}
i.nav_icon.sty3_1{ background-position: 0 -50px}
i.nav_icon.sty3_2{ background-position: -25px -50px}
i.nav_icon.sty3_3{ background-position: -50px -50px}
i.nav_icon.sty3_4{ background-position: -75px -50px}

.nav_tem.active{ background-color: #2f6fd8}
.nav_tem.active .nav_sublist_wrap{ display: block;}

.footer{ padding: 20px 0; background: #003a79; }

.footer_top{ padding-bottom: 20px; margin-bottom: 14px; border-bottom: 1px solid #0b4d94;}
.footer_t_l{ float: left;}
.footer_t_l p{ font-size: 14px; line-height: 28px; color: #fff;}
.footer_t_l p a{ margin-right: 4px; color: #fff;}

.footer_t_r{ float: right;}
.bot_link_tem{ position: relative; float: left; width: 190px; height: 36px; margin: 20px 0 0 20px; background-color: #fff;}
.bot_link_btn.nomar, .bot_link_tem.nomar{ margin-right: 0}
.bot_link_tem:after{ position: absolute; right: 10px; top: 15px; width: 0; height: 0; border-width: 6px 6px 0; border-style:solid; border-color: #1a56a8 transparent transparent; content: "";}
.bot_link_des{ font-size: 14px; line-height: 36px; color: #333; text-indent: 0.5em; cursor: pointer;}
.bot_link_list{ display: none; position: absolute; bottom: 36px; left: 0; min-width: 190px; max-height: 180px;  background-color: #fff; overflow-y: scroll; z-index: 10;}
.bot_link_tem.active .bot_link_list{ display: block ! important;}
.bot_link_list.scroll{}
.bot_link_list li{ height: 30px; padding: 0 10px; font-size: 14px; line-height: 30px;  white-space: nowrap;}
.bot_link_list li:hover{ background-color: #eee;}

.footer_wrap{ position: absolute; bottom: 0; left: 0; width: 100%; max-width: 1920px; }
.footer_bot{}

.footer_b_l{ float: left; padding: 10px 0;}
.footer_b_l p{ font-size: 12px; line-height: 18px; color: #5ba3de;}
.footer_b_l p a{ color: #5ba3de;}

.footer_b_r{ position: relative; float: right;}
.i_dzjg{ position: absolute; top: 0; right: 110px;}
.i_jc{ position: absolute; top: 10px; right: 200px;}
.i_wza{ position: absolute; top: 10px; right: 0;}